<html>
<head>
<style>
span{font:35px arial}
.top {vertical-align:text-top;}
.bottom {vertical-align:text-bottom;}
</style>
</head>

<body>
<p>An <span>Span</span> with a default alignment.</p> 
<p>An <span class="top">Span</span> with a text-top alignment.</p> 
<p>An <span class="bottom">Span</span> with a text-bottom alignment.</p>
</body>
</html>